$(document).ready(function () {
	
	
     $("#combo_centros").jCombo({
		 url: "../../Citas/modelo/hospitales.php",
		 initial_text: "-- Selecciona Centro Médico --",
		 });
	
	$("#combo_esp").jCombo({
		url: "../../Citas/modelo/especialidades.php",
		initial_text: "-- Selecciona Una Especialidad --",
		input_param: "id",
		parent: "#combo_centros",
		});
		
	$("#search_doctors").jCombo({
		url: "../../Citas/modelo/doctores.php",
		initial_text: "-- Selecciona Un Doctor --",
		input_param: "id",
		parent: "#combo_esp",
		});
		
		
	//validar los dos primeros combos, hospitales y especialidades	
	$("#first_step").click(function()
	{
		
		var dat = $("#combo_centros option:selected").text();
		var et = $("#combo_esp option:selected").text();
		
		if(dat == "-- Selecciona Centro Médico --" || dat == "")
		{
			$("#ft_error").html("* Selecciona un Hospital");
			$("#ft_error").css("color","red");
			return false;
		}
		if(et == "-- Selecciona Una Especialidad --" || et == "")
		{
			$("#ft_error2").html("* Selecciona una Especialidad");
			$("#ft_error2").css("color","red");
			return false;
		}
		else
		{
		$("#ft_error").css("visibility","hidden");
		$("#ft_error2").css("visibility","hidden");
		
		$("#content_calendar").css("visibility","visible");
		$("#content_calendar").css("width","100%");
		$("#content_calendar").css("height","auto");
		$('#primeros_filtros').fadeTo('slow',.5);
		$('#primeros_filtros').append('<div style="position: absolute;top:0;left:0;width: 100%;height:60%;z-index:2;opacity:0.1;filter: alpha(opacity = 5)"></div>');
		
		
		}
		
	});
	
	
	$("#img_btn_back").click(function()
	{
		$("#content_calendar").css("visibility","hidden");
		$("#content_calendar").css("width","0");
		$("#content_calendar").css("height","0");
		
		window.location = window.location.pathname;

	});
	
	
	$("#src_doc").click(function()
	{
		var dat = $("#search_doctors option:selected").text();	
		if(dat == "-- Selecciona Un Doctor --" || dat == "")
		{
			$("#ft_error3").html("* No hay Doctores seleccionados");
			$("#ft_error3").css("color","red");
			return false;
		}
	});

  
   //aqui va la personalización del calendario con las disponibilidades
   //-------------------------------------------------------------------
   
   jQuery('#mycalendar').fullCalendar({ 
	    
	    header: {
        left: 'prev',
        right: 'next,today',
        center: 'title',
        defaultView: 'month',
        selectable: true,         
	    },
	   currentTimezone: 'America/Mexico_City',
	   ignoreTimezone: false,
       height: 555,
       lang: 'es',
       viewRender: function(view,element) 
       {
			//bloqueando meses anteriores al actual
			if(moment().isAfter(view.intervalStart, 'day')) {
				$('.fc-prev-button').addClass('fc-state-disabled');
			} else {
				$('.fc-prev-button').removeClass('fc-state-disabled');
				}
		},
		dayClick: function(date, jsEvent, view) {
			//mandar evento click del dia seleccionado para saber horas
			
			 var today = new Date();
			 var end = new Date();
			 if(today.getHours()>=18){today.setDate(today.getDate()-2);}
			 else{today.setDate(today.getDate()-1);}
			 end.setDate(today.getDay() + 93);
			
			 if(date < today || date > end){ selectable: false;}
			 else{
				 
				 var dt = document.getElementById("date_test");
				 dt.value = date.format();
				 
				 
				 }

	     },
	     dayRender: function(date,cell)
	     {
			 //poniendo colores a los dias de acuerdo a la disponibilidad
			 var today = new Date();
			 var end = new Date();
			 if(today.getHours()>=18){today.setDate(today.getDate()-2);}
			 else{today.setDate(today.getDate()-1);}
			 end.setDate(today.getDay() + 93);
			 
			 if(date < today){cell.css("background-color","#EEE6E6");} //dias anteriores al actual

			 if(date > end){cell.css("background-color","#7D7D7D");} //dias sin citas
			 
		 }
	 });
   

           
});
